<template>
	<view>
		<view class="header">
			<view class="item">
				<text class="txt1">门店名称</text>
				<text class="txt2">张三门店 ></text>
			</view>
			<view class="item">
				<text class="txt1">门店图片</text>
			    <image src="../../static/left.png" class="image"></image>
			</view>
			<view class="item">
				<text class="txt1">联系人</text>
				<text class="txt2">张三 ></text>
			</view>
			<view class="item">
				<text class="txt1">联系方式</text>
				<text class="txt2">15878945612 ></text>
			</view>
			<view class="item">
				<text class="txt1">门店地址</text>
				<text class="txt2">成都市武侯区天府三街201号 ></text>
			</view>
			<view class="item">
				<text class="txt1">门店面积</text>
				<text class="txt2">120㎡ ></text>
			</view>
			<view class="item">
				<text class="txt1">门店楼层</text>
				<text class="txt2">12楼205号 ></text>
			</view>
			<view class="item">
				<text class="txt1">经营类目</text>
				<text class="txt2">食品类 ></text>
			</view>
			<view class="item">
				<text class="txt1">门店状态</text>
				<text class="txt2">营业中 ></text>
			</view>
		</view>
	    <view>
			<button type="button">保存</button>
		</view>
	</view>
</template>
<script>
export default {
	data(){
		return {
			
		}
	}
}
</script>
<style>
	page {
		background: rgb(245, 245, 245);
	}
	.header {
		width: 690rpx;
		height: 780rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		margin: 30rpx;
		display: flex;
		flex-direction: column;
	}
	.item {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin: 20rpx 20rpx;
	}
	.image {
		width: 60rpx;
		height: 60rpx;
	}
	.txt1 {
		font-size: 28rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #1A1A1A;
	}
	.txt2 {
		font-size: 24rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #666666;
	}
	button {
		width: 690rpx;
		height: 80rpx;
		background: #FEB140;
		border-radius: 40rpx;
		font-size: 34rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #1A1A1A;
		line-height: 80rpx;
	}
</style>
